{% extends 'base.html' %}
{% load static %}
{% block 'title' %}确认订单{% endblock%}
{% block 'header-title' %}确认订单{% endblock%}
{% block 'content' %}
<div class="container">
    <div class="alert alert-success" role="alert">
        收货地址：{{order.address}}
    </div>
    <div class="alert alert-success" role="alert">
        订单总额：${{order.price}}
    </div>
    <div class="table-responsive">
        <table class="table  table-hover">
            <thead>
                <tr>
                    <th>#</th>
                    <th>名称</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>总价</th>
                </tr>
            </thead>
            <tbody>
                {% for item in paginator %}
                <tr>
                    <td>{{forloop.counter0|add:paginator.start_index}}</td>
                    <td><a href="{% url 'show' item.pk %}">{{item.title}}</a></td>
                    <td>${{item.price}}</td>
                    <td>{{item.counts}}</td>
                    <td>${{item.total}}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% include 'widget-paginator.html' %}
    </div>

    <p class="btn-toolbar float-right">
        <button type="button" class="btn btn-outline-success">支付订单</button>
    </p>
</div>
{% endblock %}